<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>酷狗猜歌游戏</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/sass.css"/>
	</head>
	<body>
		<div class="web">
			<!--提示两秒后再点击-->
			<div class="seconde">请两秒后再点击</div>
			<!--加载页-->
			<div class="animate" id="pagePreload">

				
				<img src="img/star.png"/ class="stars">
				<div class="protagonist">
					<img src="img/protagonist.png"/>
				</div>
				<div class="arrow">
					<img src="img/arrow.png"/>
				</div>
				<div class="arrows">
					<span>L</span>
					<span>o</span>
					<span>a</span>
					<span>d</span>
					<span>i</span>
					<span>n</span>
					<span>g</span>
					<span></span>
					<!--<p class="baifenbi">100%</p>-->
				</div>
				<div class="earth">
					<img src="img/earth.png"/>
				</div>
				<div class="pleaseWearEar">
					<img src="img/pleaseWearEar.png"/>
				</div>
			</div>
		    <!--开始页-->
		    <div class="pagestar">
		    	<div class="light"><img class="lg1" src="img/kugouBg.png"/></div>
		    	
		    	<div class="kugo_logo"><img src="img/KuGouLog.png"/></div>
		    	<div class="qingge"><img src="img/index_625secguess.png"/></div>
		    	<div class="mouth">
		    		<img src="img/mouth.png"/>
		    		<div class="whatsong"><img src="img/whatSong.png"/></div>
		    	</div>
		    	<div class="mans">
		    		<img  src="img/sixQuery.png" alt="" />
		    		<img  src="img/man_left.png" alt="" />
		    		<img  src="img/man_right.png" alt="" />
		    		<img class="what w1" src="img/what.png" alt="" />
		    		<img class="what w2" src="img/what.png" alt="" />
		    		<img class="what w3" src="img/what.png" alt="" />
		    		<img class="what w4" src="img/what.png" alt="" />
		    		
		    	</div>
		    	<div class="star_btn">
		    		<div class="btn"><img src="img/index_start.png"/></div>
		    	</div>
		    	
		    </div>
			 <!--play页-->
			 <div class="play_page">
			 	<!--轮播图的容器-->
			 	<div id="levelBox">	
			 		<!--第一张图-->
			 	<div class="level animate1">
			 		
			 		<div class="threebg"><img src="img/ringBg.png"/></div>
			 		
			 	
			 		<div class="disk">
			 			<div class="movieHitSong">
			 				<img src="img/movieHitSong.png" alt="" />
			 			</div>
			 				<div class="movieHitSongpeople">
			 					<img src="img/movieHitSongpeople.png" alt="" />
			 				</div>
			 			<div class="movieHitSongCityWall">
			 				<img src="img/movieHitSongCityWall.png" alt="" />
			 			</div>
			 			
			 		
			 		</div>
			 	</div>
			 	<!--第二张图-->
			 	<div class="level animate2">
			 			<div class="light "><img class="lg1" src="img/kugouBg.png"/></div>
			 		
			 		<div class="disk">
			 			<div class="lightearth">
			 				<img src="img/lightearth.png" alt="" />
			 			</div>
			 				<div class="songer">
			 					<img src="img/songer.png" alt="" />
			 				</div>
			 			<div class="stage">
			 				<img src="img/stage.png" alt="" />
			
			 			</div>
			 			<div class="wow"><img src="img/wow.png"/></div>
			 			<div class="audienceLeft"><img src="img/audienceLeft.png"/></div>
			 			<div class="wow2"><img src="img/wow2.png"/></div>
			 			<div class="audienceRight" ><img src="img/audienceRight.png" alt="" /></div>
			 		
			 		</div>
			 	</div>
			 	<!--第三张图-->
			 	<div class="level animate3">
			 		<div class="threebg"><img src="img/ringBg.png"/></div>
			 		<div class="disk">
			 			<div class="lightearth">
			 				<img src="img/lightearth.png" alt="" />
			 			</div>
			 				<div class="watchpeos">
			 					<img src="img/watchpeos.png" alt="" />
			 				</div>
		
			 			<div class="sangBan1"><img src="img/sangBan1.png"/></div>
			 			<div class="sangBan2"><img src="img/sangBan2.png"/></div>
			 			<div class="jianfeizaode"><img src="img/jianfeizaode.png"/></div>
			 			<div class="feiZhao" ><img src="img/feiZhao.png" alt="" /></div>
			 			<div class="WCwalls" ><img src="img/WCwalls.png" alt="" /></div>
			 		
			 		</div>
			 	</div>
			 	<!--第四张-->
			 	<div class="level animate4">
			 		<div class="threebg"><img src="img/ringBg.png" alt="" /></div>
			 		<div class="disk">
			 			<div class="lightearth">
			 				<img src="img/lightearth.png" alt="" />
			 			</div>
			 				<div class="threeYao">
			 					<img src="img/threeYao.png" alt="" />
			 				</div>
		
			 			<div class="car"><img src="img/car.png"/></div>
			 			<div class="hua" ><img src="img/hua.png" alt="" /></div>
			 			
			 		
			 		</div>
			 	</div>
			 	<!--第五张-->
			 	<div class="level animate5">
			 		<div class="threebg"><img src="img/ringBg.png" alt="" /></div>
			 		
			 		<div class="disk">
			 			<div class="five_lig">
			 				<img src="img/lightearth.png" alt="" />
			 			</div>
			 			<div class="juhualeft"><img src="img/juhualeft.png" alt="" /></div>
			 			<div class="juhuaright" ><img src="img/juhuaright.png" alt="" /></div>
			 			<div class="oldman"><img src="img/oldman.png" alt="" /></div>
			 		
			 		</div>
			 	</div>
			 	<!--第六张-->
			 	<div class="level animate6">
			 		<div class="sixbg"><img src="img/manwoman_bg.png" alt="" /></div>
			 		
			 		<div class="disk">
			 			<div class="wogeiyou">
			 				<img src="img/wogeiyou.png" alt="" />
			 			</div>
			 			
			 			<div class="man"><img src="img/man.png" alt="" /></div>
			 			<div class="wuman"><img src="img/wuman.png" alt="" /></div>
			 		
			 		</div>
			 	</div>
			 	</div>
			 	<!--选项答案页面-->
			 	<div class="itemBox">
			 		 <audio  src=""></audio>
			 		<div class="item selectA" data-num = "0"></div>
			 		<div class="item selectB" data-num = "1"></div>
			 		<div class="item selectC" data-num = "2"></div>
			 		<div class="mouthtime">
			 			<div class="time"></div>
			 		</div>
			 	</div>
			 </div>
		     <!--排行榜-->
		     <div class="paihan">
		     	<div class="user_bg" ></div>
		     	<div class="titel">
		     	<div class="top">
		     	<div class="touxiang"><img src="img/touxinag.png"/></div>
		     	<span>xxx</span>
		     	</div>
		     	<div class="KuGouLog"><img src="img/KuGouLog.png" alt="" /></div>
		     	</div>
		     	<div class="gloa"><img src="img/huangjing.png"/></div>
		     	<div class="info">猜中<span class="jishou"></span>首</div>
		     	<div class="shijin">失敬失敬！十二星座黄金“音”斗士，你是哪一宫？向你的基友们寄送挑战书吧!</div>
		     	<div class="changeagain">再次挑战</div>
		     	<div class="share">分享朋友圈</div>
		     	<div class="paiming_title" ><img src="img/paiming_title.png" alt="" /></div>
		     	<div class="paiming_bg" >
		     		<div class="star"><img src="img/huangjing.png"/></div>
		     		<div class="star1"><img src="img/huangjing.png"/></div>
		     	</div>
		     </div>
		     <div class="sharfriend"><img src="img/yd.png"/></div>
		</div>
		
		  <script src="jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		  <script src="preloadjs.min.js" type="text/javascript" charset="utf-8"></script>
		  <script src="js/index.js" type="text/javascript" charset="utf-8"></script>
		  <script src="js/vconsole.min.js" type="text/javascript" charset="utf-8"></script>
		
		
	</body>
</html>
